<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>变量声明</title>
    <script>
        function f1(){
            // 数据类型 变量名 = 变量值
            // var 变量名 = 变量值    ES6之前用法,ES6之后也可以使用,只是不建议
            // let 变量名 = 变量值    ES6新增语法
            var id = 1;
            console.log(id);
            // var修改的变量名可以重复
            var id;
            id = 2;
            console.log(id);

            // var不存在作用域
            for(var i = 1; i < 10; i++){

            }
            console.log("i:"+i);

            // 存在变量提升
            // console.log(a);
            // var a = 1;
            // 上述用法相当于下面写法
            var a;
            console.log(a);
            a = 1;

        }
        function f2(){
            let id = 1;
            // let修改的变量名不能重复
            // let id = 2;

            for(let i = 0; i < 10; i++){

            }
            // let存在作用域
            // console.log("i:"+i);

            console.log(a);
            let a = 1;
        }
    </script>
</head>
<body>
<button onclick="f1()">var的用法</button>
<button onclick="f2()">let的用法</button>
</body>
</html>